<template>
  <div>
    <Header ></Header>
    <router-view></router-view>
     <!-- v-show="!$route.meta.isHiddenFooter" 只要相对应的路由中配置了meta属性而且为true就会隐藏 -->
    <Footer v-show="!$route.meta.isHiddenFooter"></Footer>
  </div>
</template>

<script>
import Header from './components/Header'
import Footer from './components/Footer'
import Home from  '@/views/Home'
export default {
  name: 'App',
  components:{
    Header,
    Footer,
     Home
  },
  // 在App.vue当中来发送请求，因为App.vue组件只会挂载一次，不会频繁销毁，然后再挂载
  mounted(){
    this.$store.dispatch('gain_Level_three_navigation')
  }
}

</script>

<style>

</style>